<template>
    <div>
        <h2 class="title">{{message}}</h2>
        <button @click="btnClick">按钮</button>
        <h2>{{name}}</h2>
        <!-- 使用组件 -->
        <Cpn></Cpn>
    </div>
</template>

<script>
    //导入cpn
    import Cpn from './Cpn'

    export default {
        name: 'App',
        components: { //注册组件
            Cpn
        },
        data(){
            return {
                message: '养天地正气,法古今完人',
                name: '苏州大学'
            }
        },
        methods: {
            btnClick(){

            }
        }
    }
</script>

<style scoped>
  /* 添加样式 */
    .title {
        color: green;
    }
</style>